<template>
	<view class="noticeLayout">
		<view class="title">
			<view class="tag">
				
			<uni-tag inverted text="置顶" type="error"/>
			</view>
			<view class="font">
				公告详情
			</view>
		</view>
		
		<view class="info">
			<view class="item">
				王同学
			</view>
			<view class="item">
				<!-- <uni-dateformat :data="Date.now()" format="yyyy-MM-dd hh:mm:ss">
					
				</uni-dateformat> -->
				<uni-dateformat :date="Date.now()" format="yyyy年MM月dd日"></uni-dateformat>
			</view>
		</view>
		
		<view class="content">
			欢迎订阅的的频道，扫码关注微信公众号，分享最新的技术及动态
			<img src="@/common/images/gzh.jpg"  />
		</view>
		
		<view class="count">
			<view >
				
			</view>
			<view >
				
			</view>
			<view class="c3">
				阅读289
			</view>
			
		</view>
		
	</view>
</template>

<script lang="ts" setup>
	
</script>

<style lang="scss" scoped>
	.noticeLayout{
		.title{
			font-size: 40rpx;
			color: #111;
			line-height: 1.6em;
			padding-bottom:30rpx;
			display: flex;
			.tag{
				transform: scale(0.8);
				transform-origin: left center;
				flex-shrink: 0;
				
			}
			.font{
				padding-left: 6rpx;
			}
			
		}
		.info{
			display: flex;
			align-items: center;
			color: #999;
			font-size: 28rpx;
			.item{
				padding-right: 20rpx;
			}
			
		}
		.content{
			padding: 50rpx 0;
		}
		.count{
			color:#999 ;
			font-size: 28rpx;
			display: flex;
			justify-content: space-around;
			.c3{
				margin-left: 400rpx;
			}
		}
		
	}
	       
</style>
